<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>JSP 프로젝트 v1</title>
		<link type="text/css" href="../css/layout.css"
			rel="stylesheet" />
		<style type="text/css">
			table { width: 75%; margin: 0 auto;
				border-collapse: collapse;
				table-layout: fixed }
			th, td { border : 1px solid black;
				padding: 10px; text-align: center; }
			.bdtitle { text-align: left; white-space: nowrap;
				overflow: hidden; 	text-overflow: ellipsis; }
			.cpage { font-size: 2em; color: red; 
				font-weight: bold; }
			.center { text-align: center; font-size: 1.3em; }
		</style>
	</head>

	<body>
		<div>
			<h1>JSP 프로젝트 v1</h1><!-- 제목 -->
			<ul id="nav">
				<li><a href="../index.html">Home</a></li>
				<li><a href="../member/join.html">회원가입</a></li>
				<li><a href="../member/login.html">로그인</a></li>
				<li><a href="list.html">게시판</a></li>
				<li><a href="../member/myinfo.html">회원정보</a></li>
			</ul>	<!-- 상단메뉴 -->
			<hr />
		</div><!-- // header -->
		<div id="content">
			<h2>게시판</h2>
			<table>
				<colgroup>
					<col style="width:10%" />
					<col />
					<col style="width:15%" />
					<col style="width:15%" />
					<col style="width:10%" />
				</colgroup>
				<tr>
					<th>번호</th><th>제목</th>
					<th>작성자</th><th>작성일</th>
					<th>조회</th>
				</tr>
				<tr>
					<td>1</td>
					<td class="bdtitle"> <a href="view.html">
						시간은 금이라구, 친구!!
						시간은 금이라구, 친구!!
						시간은 금이라구, 친구!! </a> </td>
					<td>siestageek</td>
					<td>2013.12.25</td>
					<td>0</td>
				</tr>
				<tr>
					<td>2</td>
					<td> 시간은 금이라구, 친구!! </td>
					<td>siestageek</td>
					<td>2013.12.25</td>
					<td>0</td>
				</tr>
				<tr>
					<td>3</td>
					<td> 시간은 금이라구, 친구!! </td>
					<td>siestageek</td>
					<td>2013.12.25</td>
					<td>0</td>
				</tr>
				<tr>
					<td>4</td>
					<td> 시간은 금이라구, 친구!! </td>
					<td>siestageek</td>
					<td>2013.12.25</td>
					<td>0</td>
				</tr>
				<tr>
					<td>5</td>
					<td> 시간은 금이라구, 친구!! </td>
					<td>siestageek</td>
					<td>2013.12.25</td>
					<td>0</td>
				</tr>
				<tr>
					<td>6</td>
					<td> 시간은 금이라구, 친구!! </td>
					<td>siestageek</td>
					<td>2013.12.25</td>
					<td>0</td>
				</tr>
				<tr>
					<td>7</td>
					<td> 시간은 금이라구, 친구!! </td>
					<td>siestageek</td>
					<td>2013.12.25</td>
					<td>0</td>
				</tr>
				<tr>
					<td>8</td>
					<td> 시간은 금이라구, 친구!! </td>
					<td>siestageek</td>
					<td>2013.12.25</td>
					<td>0</td>
				</tr>
				<tr>
					<td>9</td>
					<td> 시간은 금이라구, 친구!! </td>
					<td>siestageek</td>
					<td>2013.12.25</td>
					<td>0</td>
				</tr>
				<tr>
					<td>10</td>
					<td> 시간은 금이라구, 친구!! </td>
					<td>siestageek</td>
					<td>2013.12.25</td>
					<td>0</td>
				</tr>
			</table>
			<p class="center">◀ ◁◁ <span class="cpage">1</span> 2 3 4 5 6 7 8 9 10 ▷▷ ▶</p>
		</div><!-- // content -->
		<div>
			<hr />
			<p id="copy">copyrights(c) 2013. siestageek. 
				all rights reserved.</p>
		</div><!-- // footer -->
	</body>
</html>




